<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小米-登陆</title>
    <link rel="stylesheet" href="../css/logoin.css" />
    <script src="../node_modules/axios/dist/axios.js"></script>
    <script src="../js/url.js"></script>
  </head>

  <body>
    <div class="top">
      <div class="logo">
        <h4>小米商城</h4>
        <p>让每个人都能享受科技的乐趣</p>
      </div>
    </div>
    <div class="main">
      <div class="main-r">
        <div class="main-r-t">
          <a href="" class="a1" id="zhdl">账号登录</a>
          <span></span>
          <a href="" class="a2" id="cmdl">扫码登录</a>
        </div>
        <div class="main-r-b">
          <p class="p1">
            <input
              type="text"
              name=""
              id=""
              placeholder="邮箱/手机号码/小米ID"
            />
          </p>
          <p class="p2">
            <input type="password" name="" id="" placeholder="密码" />
          </p>
          <input type="button" value="登录" class="button" />
          <p class="p3"><a href="./register.html">手机短信登录/注册</a></p>
          <p class="p4">
            <a href="./register.html">立即注册</a><span>|</span
            ><a href="">忘记密码?</a>
          </p>
          <p class="p5">其他登陆方式</p>
          <div class="bot">
            <a href="https://baike.baidu.com/item/QQ/111306?fr=aladdin"
              ><img src="../img/1.jpg" alt=""
            /></a>
            <a href="https://weibo.com/u/5514088296/home?wvr=5"
              ><img src="../img/2.jpg" alt=""
            /></a>
            <a href="https://www.alipay.com/"
              ><img src="../img/3.jpg" alt=""
            /></a>
            <a href="https://weixin.qq.com/"
              ><img src="../img/4.jpg" alt=""
            /></a>
          </div>
        </div>
        <div class="main-r-l" style="display: none;">
          <img src="../img/er.png" alt="" id="erm"/>
          <p class="p5">其他登陆方式</p>
          <div class="bot">
            <a href="https://baike.baidu.com/item/QQ/111306?fr=aladdin"
              ><img src="../img/1.jpg" alt=""
            /></a>
            <a href="https://weibo.com/u/5514088296/home?wvr=5"
              ><img src="../img/2.jpg" alt=""
            /></a>
            <a href="https://www.alipay.com/"
              ><img src="../img/3.jpg" alt=""
            /></a>
            <a href="https://weixin.qq.com/"
              ><img src="../img/4.jpg" alt=""
            /></a>
        </div>
      </div>
    </div>
  </body>
  <script src="../js/logoin.js"></script>
</html>
